<!DOCTYPE html>
<html>
<head>
    <meta content="IE=11.0000" http-equiv="X-Ua-Compatible">
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-Ua-Compatible" content="IE=edge,chrome=1">
  <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <title>首页</title>
    <!--region 引入公用js和css -->
    <script>
        var HOST_S = "";
        var ctx = "";
    </script>
    <link href="assets/plugins/animate/animate.css" rel="stylesheet">
    <link href="assets/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/fullcalendar/fullcalendar.css" rel="stylesheet" type="text/css"/>
    <link href="assets/base/css/components.css" rel="stylesheet" id="style_components" type="text/css"/>
    <link href="assets/base/css/plugins.css" rel="stylesheet" type="text/css"/>
    <link href="assets/ditop/layout.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css"/>
    <link href="assets/plugins/bootstrap-table/bootstrap-table.css" rel="stylesheet">
    <link href="assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.css" rel="stylesheet">
    <link href="assets/plugins/bootstrap-toastr/toastr.css" rel="stylesheet">
    <link href="assets/module/gcjsy/gcjsy-comp.css" rel="stylesheet">
    <link rel="stylesheet" href="assets/plugins/sweetalert/sweetalert.css">
    <link rel="stylesheet" href="assets/plugins/layer/theme/default/layer.css">
    <!-- CSS Customization -->
    <link href="assets/plugins/select2/css/select2.min.css" rel="stylesheet">
    <link href="assets/plugins/icheck/skins/flat/aero.css" rel="stylesheet">
    <link href="assets/ditop/ditop.css" rel="stylesheet">
    <link href="assets/ditop/style/ztree/style9/treestyle.css" rel="stylesheet">
    <link href="assets/plugins/bootstrap-touchspin/bootstrap.touchspin.css" rel="stylesheet">
    <link href="assets/plugins/bootstrap-datepicker/css/bootstrap-datepicker3.min.css" rel="stylesheet"
          type="text/css"/>
    <script src="assets/plugins/jquery/jquery.min.js"></script>
    <script src="assets/plugins/bootstrap/js/bootstrap.min.js"></script>
    <script src="assets/plugins/bootstrap-toastr/toastr.js"></script>
    <script src="assets/plugins/art-template/template.js"></script>
    <script src="assets/plugins/layer/layer.js"></script>
    <script src="assets/ditop/ditop.js"></script>

    <script>
        $("html").addClass("LAYOUT_9");
        if (parent.layer.getFrameIndex(window.name)) {
            $("html").addClass("dlglayer");
        }
    </script>
    <!--endregion-->

    <script src="assets/module/gcjsy/js/echarts.min.js"></script>
    <style>
        .guide{
            position: fixed;
            left: 0;
            top: 0;
            width: 100vw;
            height: 100vh;
            z-index: 999999;
            overflow: auto;
            background-repeat: no-repeat;
            background-size:100% auto;
            background-position: top left;
        }
        .first{
            background-image: url(guide/guide_first.png);
        }
        .second{
            background-image: url(guide/guide_second.png);
        }
        .third{
            background-image: url(guide/guide_third.png);
        }


        .first .card{
            position: absolute;
            left: 25%;
            top: 30%;
        }

        .second .card{
            position: absolute;
            right: 23%;
            bottom: 20%;
        }
        
        .third .card{
            position: absolute;
            right: 17%;
            top: 5%;
        }
        
        .card_btn{
            position: absolute;
            width: 88px;
            height: 30px;
            bottom: 27px;
            left: 154px;
            background: transparent;
            outline: none;
            border: none;
        }
       
        
        @media screen and (min-width: 1900px){
            .first .card{ top: 35%;}
            .second .card{right: 26%;bottom: 10%;}
            .third .card{right: 20%;top: 10%;}
            .card img{width: 500px;}
            .card_btn{width: 111px;height: 38px;bottom: 34px;left: 195px;}
        }
    </style>
</head>

<body>
<div class="page-wrapper">


    <div class="page-header navbar">
        <div class="page-header-inner clearfix">
            <div class="logo pull-left">
                <a href="#"><img src="assets/images/logo/logo.png" alt="logo" class="logo-default"/> </a>
            </div>
            <div class="menu-toggler sidebar-toggler" style="height: 0"></div>
            <div class="main-menu pull-left">
                <ul class="nav navbar-nav">
                    <li id="home">
                        <span>首页</span>
                    </li>
                    <li>
                        <div class="header-type">
                            <span>动态</span>
                        </div>
                    </li>
                    <li class="active-menu">
                        <div class="header-type">
                            <span>办事</span>
                        </div>
                    </li>
                    <li>
                        <div class="header-type">
                            <span>应用</span>
                        </div>
                    </li>
                </ul>
            </div>
            <div class="top-menu pull-right">
                <ul class="nav navbar-nav">

                    <!--<li><a href="#"><img src="images/tixin.png" alt=""/><span class="badge badge-danger"> 9 </span></a>
                      </li>
                    <li><a href="#"><img src="images/db.png" alt=""/><span class="badge badge-info"> 1 </span></a></li>
                    <li><a href="#"><img src="images/gg.png" alt=""/><span class="badge badge-info"></span></a></li>
                    <li><a href="#"><img src="images/wenti2.png" alt=""/></a></li>-->
                    <li><a href="#"><i class="dtFont dtFont-msg"></i><span class="badge badge-danger"> 9 </span></a>
                    </li>
                    <li><a href="#"><i class="dtFont dtFont-naozhong"></i><span class="badge badge-info"> 1 </span></a></li>
                    <li><a href="#"><i class="dtFont dtFont-gonggao"></i><span class="badge badge-info"></span></a></li>
                    <li><a href="#"><i class="dtFont dtFont-help"></i></a></li>


                    <li class="dropdown">
                        <a href="#" class="dropdown-toggle user-info" data-toggle="dropdown"
                           data-hover="dropdown" data-close-others="true"><i class="dtFont dtFont-my_icon"></i></a>
                        <ul class="dropdown-menu dropdown-menu-default pull-right	">
                            <li class="profile">
                                <a href="javascript:;"> <i class="icon-user"></i> 个人中心</a>
                            </li>
                            <li class="changePassword">
                                <a href="javascript:;"> <i class="icon-key"></i> 修改密码</a>
                            </li>
                            <li class="feedBack">
                                <a href="javascript:;"> <i class="icon-bubbles"></i> 给管理员留言</a>
                            </li>
                            <li class="divider"></li>
                            <li class="logout">
                                <a href="javascript:;"> <i class="icon-close"></i>退出</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>


    <div class="page-container index-page-container">

        <div class="index-content">


            <div class="area-top1 clearfix">
                <div class="area-top1L">
                    <div class="m-company">
                        <h2><span>欢迎</span> 安徽德拓信息科技有限公司</h2>
                        <p>您有<font class="red">12条</font>待办任务待处理，<font class="red">3条</font>消息和<font class="red">2条</font>公告未读，<font class="red">1条</font>办件办理中。</p>
                    </div>

                    <ul class="clearfix c-comIcon">

                        <li>
                            <div>
                                <div>企</div>
                                <div class="noed L-tip">
                                    <span class="m-helpTip">这里是信息提示内容</span>
                                    <i class="dtFont dtFont-chenggong"></i>
                                </div>
                            </div>
                            <h4>企业信息</h4>
                            <a href="#" class="hidden">立即处理</a>
                        </li>

                        <li>
                            <div>
                                <div>人</div>
                                <div class="noed L-tip">
                                    <span class="m-helpTip">这里是信息提示内容</span>
                                    <i class="dtFont dtFont-chenggong"></i>
                                </div>
                            </div>
                            <h4>主要人员</h4>
                            <a href="#" class="hidden">立即处理</a>
                        </li>

                        <li class="checking">
                            <div>
                                <div>资</div>
                                <div class="noed hidden L-tip">
                                    <span class="m-helpTip">这里是信息提示内容</span>
                                    <i class="dtFont dtFont-chenggong"></i>
                                </div>
                            </div>
                            <h4>资质资格</h4>
                            <a href="#">正在校验中...</a>
                        </li>

                        <li>
                            <div>
                                <div>聘</div>
                                <div class="noed L-tip">
                                    <span class="m-helpTip">安许证信息未完善</span>
                                    <i class="dtFont dtFont-gantanhao"></i>
                                </div>
                            </div>
                            <h4>聘用关系</h4>
                            <a href="#">立即处理</a>
                        </li>

                    </ul>

                </div>
                <div class="area-top1R">
                    <h2>应用中心</h2>
                    <div class="area-top1Rb">

                        <div id="myCarousel" class="carousel slide">
                            <!-- 轮播（Carousel）指标 -->
                            <ol class="carousel-indicators">
                                <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
                                <li data-target="#myCarousel" data-slide-to="1"></li>
                                <li data-target="#myCarousel" data-slide-to="2"></li>
                            </ol>
                            <!-- 轮播（Carousel）项目 -->
                            <div class="carousel-inner mlbBody">
                                <div class="item active">
                                    <div>
                                        <ul class="index-lbIcon clearfix">
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-qiyemingcheng"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业信息</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="purple dtFont dtFont-shenhezige"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>资质资格</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-yeji1"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业业绩</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="greenC dtFont dtFont-zhaopin"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员聘用管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-zhengshu5"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员证书管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-zhuce2"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员注册管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>

                                <div class="item">
                                    <div>
                                        <ul class="index-lbIcon clearfix">
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-qiyemingcheng"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业信息</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="purple dtFont dtFont-shenhezige"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>资质资格</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-yeji1"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业业绩</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="greenC dtFont dtFont-zhaopin"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员聘用管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-zhengshu5"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员证书管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-zhuce2"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员注册管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                                <div class="item">
                                    <div>
                                        <ul class="index-lbIcon clearfix">
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-qiyemingcheng"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业信息</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="purple dtFont dtFont-shenhezige"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>资质资格</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-yeji1"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>企业业绩</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="greenC dtFont dtFont-zhaopin"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员聘用管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="PaleRred dtFont dtFont-zhengshu5"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员证书管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>
                                            <li>
                                                <a href="#" class="clearfix">
                                                    <div class="left-big-ticn">
                                                        <i class="blue dtFont dtFont-zhuce2"></i>
                                                    </div>
                                                    <div class="left-big-txcn">
                                                        <h4>人员注册管理</h4>
                                                        <p>企业工商信息企业工商信息</p>
                                                    </div>
                                                </a>
                                            </li>

                                        </ul>
                                    </div>
                                </div>
                            </div>

                        </div>
                        <script>
                            $(function(){
                                $('#myCarousel').carousel({interval:4000});
                                // 自动轮播 关闭
                            })
                        </script>
                    </div>
                </div>
            </div>

            <div class="area-top2">
                <ul class="clearfix">
                    <li class="blue">
                        <h4>待办任务</h4>
                        <p>12</p>
                        <a href="#">查看更多</a>
                        <img src="images/index/daoban1.png" alt=""/>
                    </li>
                    <li class="greenC">
                        <h4>消息</h4>
                        <p>2</p>
                        <a href="#">查看更多</a>
                        <img src="images/index/daoban3.png" alt=""/>
                    </li>
                    <li class="purple">
                        <h4>公告</h4>
                        <p>6</p>
                        <a href="#">查看更多</a>
                        <img src="images/index/daoban2.png" alt=""/>
                    </li>
                    <li class="Yellow">
                        <h4>智能预警</h4>
                        <p>15</p>
                        <a href="#">查看更多</a>
                        <img src="images/index/daoban4.png" alt=""/>
                    </li>
                </ul>
            </div>
            <div class="xm-main2">

                <div class="xm-mainC clearfix">
                    <div class="xm-mainC-left">
                        <div class="indexStitle">
                            <h3>人员证书概览</h3>
                        </div>
                        <div style="height: 350px;" id="mghb">

                        </div>
                    </div>
                    <div class="xm-mainC-right clearfix">
                        <div class="indexStitle">
                            <h3>人员流动分析</h3>
                        </div>
                        <div style="height: 350px;" id="bl_tu">

                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>



</div>

<div class="noviceGuide">
    <div class="guide first">
        <div class="card">
            <img src="guide/guide_first_card.png" alt="">
            <button class="card_btn"></button>
        </div>
    </div>
    <div class="guide second" style="display: none">
        <div class="card">
            <img src="guide/guide_second_card.png" alt="">
            <button class="card_btn"></button>
        </div>
    
    </div>
    <div class="guide third" style="display: none;">
        <div class="card">
            <img src="guide/guide_third_card.png" alt="">
            <button class="card_btn"></button>
        </div>
    
    </div>
</div>


<script>
    $('.card_btn').click(function () {
      $(this).closest('.guide').hide();
      $(this).closest('.guide').next('.guide').show();
    })
</script>
<!--region 引入公用js和css -->
<script src="assets/plugins/sweetalert/sweetalert.min.js"></script>
<script src="assets/plugins/jquery.blockui.min.js"></script>
<script src="assets/plugins/js.cookie.min.js"></script>
<script src="assets/plugins/jquery-slimscroll/jquery.slimscroll.min.js"></script>
<script src="assets/plugins/jquery.blockui.min.js"></script>
<script src="assets/plugins/bootstrap-switch/js/bootstrap-switch.min.js"></script>
<script src="assets/plugins/bootstrap-touchspin/bootstrap.touchspin.js"></script>
<script src="assets/plugins/moment.min.js"></script>
<script src="assets/plugins/bootstrap-daterangepicker/daterangepicker.min.js"></script>
<script src="assets/plugins/counterup/jquery.waypoints.min.js"></script>
<script src="assets/plugins/counterup/jquery.counterup.min.js"></script>
<script src="assets/plugins/fullcalendar/fullcalendar.js"></script>
<script src="assets/plugins/horizontal-timeline/horizontal-timeline.js"></script>
<script src="assets/plugins/jquery.sparkline.min.js"></script>
<script src="assets/plugins/select2/js/select2.js"></script>
<script src="assets/plugins/select2/js/i18n/zh-CN.js"></script>
<script src="assets/plugins/ztree/jquery.ztree.all.js"></script>
<script src="assets/plugins/jquery-form/jquery.form.js"></script>
<script src="assets/plugins/jquery-validator/jquery.placeholder.min.js"></script>
<script src="assets/plugins/jquery-validator/jquery.validate.js"></script>
<script src="assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="assets/plugins/jquery-validator/localization/messages_zh.js"></script>
<script src="assets/plugins/jquery-validator/additional-methods.js"></script>
<script src="assets/plugins/bootstrap-growl/jquery.bootstrap-growl.js"></script>
<script src="assets/plugins/bootstrap-table/bootstrap-table.js"></script>
<script src="assets/plugins/bootstrap-table/locale/bootstrap-table-zh-CN.js"></script>
<script src="assets/plugins/bootstrap-table/extensions/tree-column/bootstrap-table-tree-column.js"></script>
<script src="assets/base/scripts/app.js"></script>
<script src="assets/base/scripts/theme.js"></script>
<script src="assets/ditop/ditop-addition.js"></script>
<script src="assets/plugins/bootstrap-datepicker/js/bootstrap-datepicker.min.js" type="text/javascript"></script>
<script src="assets/plugins/bootstrap-datepicker/locales/bootstrap-datepicker.zh-CN.min.js"
        type="text/javascript"></script>
<script type="text/javascript" src="assets/plugins/bootstrap-datetimepicker/js/bootstrap-datetimepicker.min.js"
        charset="UTF-8"></script>
<script type="text/javascript"
        src="assets/plugins/bootstrap-datetimepicker/js/locales/bootstrap-datetimepicker.zh-CN.js"
        charset="UTF-8"></script>
<script src="assets/plugins/jquery-validator/jquery.validate.custom.js"></script>
<script src="assets/ditop/layout.js"></script>
<!--endregion-->

<script src="assets/module/gcjsy/js/content.js"></script>
<script src="assets/module/gcjsy/js/mghb.js"></script>
<script src="assets/module/gcjsy/js/bl_tu.js"></script>

</body>
</html>
